<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登陆</title>
    <!--<meta name="description" content="这是主页">-->
    <meta name="keywords" content="form">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="css/chinaz.css">
    <link rel="stylesheet" href="css/amazeui.swiper.min.css">


    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/amazeui.slick.min.css">
    -->
    <!--<link rel="icon" type="image/png" href="assets/i/favicon.png">
    -->
    <!--<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    -->
    <!--<meta name="apple-mobile-web-app-title" content="Amaze UI" />
    -->
    <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/layout.css"/>
    <!--<link rel="stylesheet" href="assets/css/admin.css">--></head>
<body>

<div class="contextDiv" style="width: 100%;height: 1000px;background-image: url(img/BG.jpg)">
    &nbsp;
    <div style="width: 28%;left:36%;margin-top: 120px;background-color: white;height: 400px;border-radius: 20px;opacity: 0.6;position: absolute">
    </div>
    <div style="width: 28%;left:36%;margin-top: 120px;height: 400px;border-radius: 20px;position: absolute;padding-top: 10px;padding-left: 10px;padding-right: 10px">
        <!--<img src="img/zhenbang.png" style="width: 90%;margin-left: 2%">-->
        <div style="text-align: center;padding-top: 10px">
        <h2>登陆创坞</h2></div>
        <hr data-am-widget="divider" style="margin-top: 2px;margin-bottom:10px;border: 1px solid #7f8c8d"
            class="am-divider am-divider-default"/>
        <div style="margin-top: 20px;text-align: center">
            <div style="display: inline-block;width: 80%;border: 1px solid #DDDDDD;height: 40px">
                <div style="width: 20%;float:left;height: 40px;background-color: #DDDDDD;text-align: center">
                    <img src="img/name.png" style="width: 36%;margin-top: 4px">
                </div>
                <input style="width: 80%;height: 40px;outline: none;font-size: 18px;padding-left: 4px" placeholder="请输入您的手机号码" id="mobile">
            </div>
            <div style="display: inline-block;width: 80%;border: 1px solid #DDDDDD;height: 40px;margin-top: 20px">
                <div style="width: 20%;float:left;height: 40px;background-color: #DDDDDD;text-align: center">
                    <img src="img/pass.png" style="width: 36%;margin-top: 4px">
                </div>
                <input type="password" style="width: 80%;height: 40px;outline: none;font-size: 18px;padding-left: 4px" placeholder="请输入您的密码" id="password">
                <div style="margin-top: 20px;font-size: 14px;">
<!--                    <a href="#"><span style="float: right;color: red">忘记密码?</span></a>-->
                </div>
            </div>

            <div style="text-align: center;margin-top: 90px">
                <button style="height:40px;font-size: 20px;outline: none;width: 80%;border:none;color:white;border-bottom: 2px solid rgb(29,114,158);margin-top: 0px;background-color: #55B6E4" id="login" 
                onclick="login();"  >
                    登陆
                </button>
            </div>
            <div style="text-align: center;font-size: 14px;margin-top: 20px">
                还没有账号?立即<a href="index.php?r=register/show"><span style="color: red">快速注册</span></a>

            </div>
        </div>
    </div>

</div>
</body>